@media screen and (max-width:575px)
{

    .container .imgbox img{
        width: 350px;
        height: 100%;
        margin-top: 20px;
    }
    .wick img{
       max-width: 100%;
    }
    .head{
        position: relative;
    }
}
@media screen and (max-width:540px)
{
    .cont{
        flex-direction: column;



    }
    .foot-ball{
        position: absolute;
           top: 0;
           left: 1px;
       }
    .box-1{
        width: 100%;
        position: relative;



    }
    .box-2{
        width: 100%;
    }
    .box-cont{
        position: relative;


  }

    .container .imgbox img{
        width: 350px;
        height: 100%;
        margin-top: 20px;
    }
    .wick img{
       max-width: 100%;
    }
    .head{
        position: relative;
    }

    .sportabout{
        position: relative;
        top: 10px;
    }
    .team{
        position: relative;
        top: 10px;

    }
    .map{
        position: relative;
        bottom: 120px;
        height: 100%;

    }
    .foot{
        position: relative;


    }
    .foot-ball{
        position: relative;
    }
}

@media (min-width:768px) and (max-width:992px)
{
    .container .imgbox img {
        width: 100%;
         height: 100%;
        margin-left: 0px;
        border-radius: 17px;
        margin-top: 20px;
    }
    .contact-us{
        width: 100%;
        position: relative;

    }
    .aboutimage img{

        width: 100%;
        height: 790px;
    }
    .abouticon{
        position: relative;
        right: 100px;
    }
    .fonts{
        padding:80px;
    }
    .hlmet-ju{
        position: relative;
        bottom: 230px;
        height: 190px;
    }
    .foot-image img{
        height: 800px;
        position: relative;
        top: 20px;
    }
     video{
        position: relative;
        max-height: 700px;

        width: 100%;
    }
    .foot-65{
        position: relative;
        top: -40px;
        height: 720px;
    }
    .foot{
        position: relative;
        height: 720px;
    }
}

@media  (max-width:912px){
    .socer-ban{
        background-size: 912px;
   }
   .gear{
       position: relative;
       top: -30px;

   }
   .condit button{
    position: relative;
    right: 200px;
  }
}
@media  (max-width:822px){
    .socer-ban{
        background-size: 822px;


    }
    .gear{
        position: relative;
        top: -75px;

    }
    .condit button{
      position: relative;
      right: 200px;
    }
}

@media screen and (max-width:767px)
{
    .container .imgbox img {
        width: 100%;
         height: 100%;
        margin-left: 0px;
        border-radius: 17px;
        margin-top: 20px;
    }
    .inner{
        display: block;
    }
    .inner .image-holder{
        width: 100%;
    }
    .inner form{
        width: 100%;
        padding: 40px 0 30px;
    }
    .wrapper button{
        margin-top: 60px;
    }



}
@media screen and (max-width:390px)
{


    .foot-ball .cont{
        flex-direction: column;
       position: relative;


    }

    .foot-ball{
     position: absolute;
        top: 0;
    }

    .box-1{
        width: auto;
        position: relative;
       background-position: 27%;
    }
    .box-2{
        width: 100%;

    }
    .box-cont{
        position: relative;
       top: 40px;
    }
    .sportsaddress{
        position: relative;
        top: 500px;
    }
    .half-3{
        position: relative;
         left: -32px;
    }

    .sportabout{
        position: relative;
        top: 25px;
        height: 100%;
    }
    .team{
        position: relative;
        top: 81px;
        height: 100%;

    }
    .team h2{
        font-size: 35px;
        margin-top: 0;
        padding: 0;
    }
    .map{
        position: relative;

        bottom: 20px;

    }
    .grid .effect-sheild {
        width: 100%;
        position: relative;
        left: 1px;
    }
    .sportsaddress .container{
        position: relative;
        top: 1050px;
        width: 100%;
        margin-left: 10px ;

    }
    .sportadd form {
      width: 100%;
      position: relative;


 }
 .sportadd form input {
     position: relative;
     width: 100%;

 }
 .sportaits{
    width: 10;
    position: relative;
    right: -90px;



}
.sportadd{
    position: relative;
       width: 250px;
       left: 50px;


}

 .sportadd form textarea{
    position: relative;
    width: 100%;

 }
 .sportadd form .komp{
     position: relative;

}


}



@media screen and (max-width:820px)
{
    .cont{
        flex-direction: column;
        position: relative;

    }
    .goodtennis{
            width: 100%;
            background-position: 10px;
            position: relative;
            right: 4px;


    }
    .foot-ball{
        position: relative;

       }
    .box-1{
        position: relative;
        width: 100%;

    }
    .box-2{
        position: relative;
        width: 100%;

    }
    .box-cont{
          position: relative;
         left: 2px;
         top: 97px;
         text-align: center;

    }
    .sportsaddress .container{
        position: relative;
       width: 100%;


    }
    .sportadd form {
      width: 100%;
      position: relative;


 }
 .sportadd form input {
     position: relative;
     width: 100%;
     left: 40px;

 }
 .sportaits{
    width: 100%;
    position: relative;
    left: -40px;



}
.sportadd{
    position: relative;
       width: 90%;
       bottom: 350px;



}

 .sportadd form textarea{
    position: relative;
    width: 100%;
    left: 40px;

 }
 .sportadd form .komp{
     position: relative;

}
}
@media (min-width:375px) and (max-width:440px){
    .fonts{
        padding: 80px;
    }
    .socer-ban{
        position: relative;
       top: 0px;
  }
  .vid-pl video{
      position: relative;
      top: 0px;
      height: 100%;
  }
  .vod{
  position: relative;
  top: 2px;
  height: 470px;
  }
    .socer-text{
        position: relative;
        font-weight: 0px;
        font-size: 13px;
       bottom: 80px;
       right: 40px;
    }
    .goodtennis{
        position: relative;
        top: 0;
    }
    .ten-pl{
        position: relative;
    bottom: 150px; 


    }
    .foot-65{
        position: relative;
        height: 900px;
    }
    .ten-pl   .fd-card{
        height: 500px;
    }
    .foot-09{
        position: relative;
        height: 900px;
       
    }
    .tenpo-lop{
        position: relative;
        top: 0px;
    } 
    .tenpo-lop  .foot-text{
        padding-top: 3px;
    }
    .tenpo-lop  .foot-text p{
        height: 600px;
    }
    .hlmet-ju{
        position: relative;
        bottom: 350px;
        height: 70px;
    }
   .gear{
       position: relative;
       top: -30px;

   }
   .condit button{
    position: relative;
    right: 350px;
  }
  .sportsdisplay{
        width: 100%;
  }

}
@media screen and (max-width: 800px) {
    .content  .card {
      width: calc(50% - 2rem);
    }
    .content{
        position: relative;
        top: 10px;
    }
    .play{
        position: relative;
        bottom: 24px;
    }
    .Spring{
        position: relative;
        top: 0px;
    }
  }
  @media screen and (max-width: 500px) {
    .content .card {
      width: 100%;
    }
  }